<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
	<title>我的拼团</title>
	<link rel="stylesheet" type="text/css" href="../../../css/aui.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/app.css" />
	<style type="text/css">
		.aui-title {
			font-size: .9rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(34, 34, 34, 1);
		}
		/*拼团导航栏*/

		.tab-item-list {
			width: 2.75rem;
			height: 2.2rem;
			text-align: center;
			line-height: 2.2rem;
			font-size: 0.75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(34, 34, 34, 1);
		}

		.aui-text-linear-new {
			color: #005A93;
			font-family: PingFangSC-Medium;
			font-weight: 500!important;
			border-bottom: 0.1rem solid #005A93;
			border-radius: 0.05rem;
		}
		.aui-text-linear{
			color:#fff
		}
	</style>
</head>

<body>
	<div id="aui-header" class="ming-bg-blue">
		<header class="aui-bar aui-bar-nav ming-bg-blue">
			<a class="aui-pull-left" tapmode onclick="close_win()" style="margin-left:.75rem;">
				<img class="btn-img-back" src="../../../image/btn/btn-back.png" />
			</a>
			<div class="aui-title">
				<div class="aui-text-linear">
					我的拼团
				</div>
			</div>
		</header>
		<div id="app">
			<div class="" style="border-bottom:0.05rem solid rgba(238,238,238,0.5);padding:0 1rem;display:flex;justify-content:space-between;background:#ffffff;">
				<div class="tab-item-list" :class="{'aui-text-linear-new':index=='all'}" tapmode onclick="tapindex('all')">
					全部
				</div>
				<div class="tab-item-list" :class="{'aui-text-linear-new':index=='ing'}" tapmode onclick="tapindex('ing')">
					进行中
				</div>
				<div class="tab-item-list" :class="{'aui-text-linear-new':index=='success'}" tapmode onclick="tapindex('success')">
					成功
				</div>
				<div class="tab-item-list" :class="{'aui-text-linear-new':index=='fail'}" tapmode onclick="tapindex('fail')">
					失败
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>
<script type="text/javascript" src="../../../script/vue.js"></script>
<script>
	var vm = new Vue({
		el: '#app',
		data: {
			index: 'all',
		},
	});
	apiready = function() {
		$api.fixStatusBar($api.byId('aui-header'))
		open_frame('pintuan_f', 'pintuan_f.html', 'aui-header', false)
		vm.index = 'all'
	};

	function tapindex(index) {
		if (vm.index != index) {
			vm.index = index
			$api.setStorage('status', index);
			send_event('pintuan_index', {
				index: vm.index
			})
		}
	}
</script>

</html>
